<template>
  <div class="tree-details">
    <el-row type="flex">
      <el-col style="flex: 1">
        <span style="font-size: 13px">
          <span style="color: #3c8dbc">【</span>{{ data.data.id }} - {{ data.data.name }}<span style="color: #3c8dbc">】</span>
          <el-tag size="mini">{{data.childNodes.length}}</el-tag>
        </span>
      </el-col>
    </el-row>
  </div>
</template>

<script>
    export default {
        name: 'selectMenuItem',
        props: {
            data: Object
        },
        data() {
           return {

           }
        },
        methods: {

        },
        components: {

        }
    }
</script>
<style lang="less">
  .tree-details{
    flex: 1;
    .el-button.is-circle {
      padding: 8px;
    }
  }
  .category-description{
    text-indent: 2em;
  }
</style>
